@charset "utf-8";
@import "pxvalue.less";
@import "font_common";
body,
html,
.mui-content {
    font-family: "微软雅黑";
    background-color: #FFFFFF;
 
    padding-top: @p28;
}
 
.mui-bar .mui-segmented-control{
    top: 0;
}
.mui-segmented-control.mui-scroll-wrapper{
    height: 44px;
}
.mui-segmented-control.mui-scroll-wrapper .mui-scroll{
    height: 44px;
}
.mui-action-back{
    height: 44px;
    width: 44px;
    img{
        width: 100%;
    }
}
.mui-title{
    height: 44px;
}
 
.nav{
    width: 1000px;
    
}
.fr {
    float: right;
}

.fl {
    float: left;
}

.mui-bar {
    top: @p40;
    font-size: @p34;
}

.hr_20 {
    height: @p20;
    background-color: #f6f6f6;
}

.ptsp_top_stats {
    height: @p44;
    width: 100%;
    z-index: 20;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
}
.select_city{
    height: @p100;
    border-bottom: 1px solid #f5f5f5;
    line-height: @p100;
    font-size: @p26;
    
    position: relative;
    z-index: 1000;
    .title{
         display: inline-block;
         height:100%;
         padding-left: @p15;
         padding-right: @p15;
    }
    .position_icon,.bottom_arr_icon{
        vertical-align: text-bottom;
        display: inline-block;
        background-size: 100% 100%;
        width: @p24;
        height: @p28;
    }
    .position_icon{
        margin-left: @p30;
        background-image: url(../../images/select_city_03.png)
    }
    .bottom_arr_icon{
        vertical-align: text-top;

        background-image: url(../../images/select_city_05.png)
    }
}
.city_list{
    position: absolute;
    top: @p95;
    background-color: #ffffff;
    z-index: 1000;
    width: 100%;
    min-height: @p300;
    border-top: 1px solid #f5f5f5;
    overflow: hidden;
    padding-left: @p30;
    padding-top: @p30;
    .city_item{
float: left;
        width: @p206;
        height: @p74;
        border: 1px solid #eeeeee;
        border-radius: 5px;
        text-align: center;
        line-height: @p74;
        font-size: @p28;
        color: #353535;
        margin-right: @p28;
        margin-bottom: @p28;
    }
    .active{
        border: 1px solid #1c83fc;
    }
}
.select_area_main{
    position: relative;
    ul,li{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    width: 100%;
    .left{
        width: @p190;
        height: @p500*2;
        position: relative;
        background-color: #f5f5f5;
        li{
            height: @p90;
            text-align: center;
            line-height: @p90;
            font-size: @p32;
            color: #353535;
            border-bottom: 1px solid #f5f5f5;
            background-color: #f5f5f5;
        }
        li.active{
            border: 1px solid #ffffff;
            background-color: #ffffff;
        }
    }
    .right{
        width: @p556;
        height: @p500*2;
        position: relative;
        background-color: #ffffff;
        li{
            height: @p90;
            text-align: center;
            line-height: @p90;
            font-size: @p28;
            color: #353535;
            border-bottom: 1px solid #f5f5f5;
   
        }
    }
}
.mui-backdrop{
    top: @p230;
}